<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link
	href="${pageContext.request.contextPath }/themes/bootstrap/easyui.css"
	rel="stylesheet">
<!-- 引入图标的样式 -->
<link href="${pageContext.request.contextPath }/themes/icon.css"
	rel="stylesheet">
<!-- 先引入jquery -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery-1.7.2.js"></script>
<!-- 引入easyui.js -->
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {

		//配置添加按钮
		$('#btn').linkbutton({
			iconCls : 'icon-ok',
			onClick : function() {
				var option = $('#cc').combo('getValue');
				if (option == 'one') {
					$('#addOneWin').window('open');
				} else {
					$('#addMoreWin').window('open');
				}
			}
		});

		//配置添加单个用户窗口
		$('#addOneWin').window({
			width : 600,
			height : 400,
			title : '添加单个用户',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			draggable : false,
			resizable : false,
		});
		$('#addOneWin').window('close');

		//配置批量导入用户窗口
		$('#addMoreWin').window({
			width : 600,
			height : 400,
			title : '批量导入用户',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			draggable : false,
			resizable : false,
		});
		$('#addMoreWin').window('close');

		//配置添加单个用户窗口输入
		$('#uid').textbox({
			prompt:'请输入用户id',
		});
		$('#addUser').linkbutton({
			iconCls : 'icon-ok',
			onClick : function() {
				var uname = $('#uname').val();
				var rid = $('#role').combo('getValue');
				if(uname == ""){
					$.messager.alert('提示信息', '请输入用户名', 'info', function() {
						$('#uname').val('');
					});
				}else{
					var message = "是否确认添加用户:"+uname+" 担任角色:"+$('#role').combo('getText');
					$.messager.confirm('是否确认添加?', message, function(r){
						if (r){
							$.ajax({
								url:'addOneUser',//添加单个用户请求
								type:'post',
								data:{
									uname:uname,
									rid:rid
								},
								dataType:'text',
								success:function(data){
									var data = eval('(' + data + ')');
									if (data.success) {
										$.messager.alert('提示信息', data.msg, 'info', function() {
											$('#uname').val('');
										});
									} else {
										$.messager.alert('提示信息', data.msg, 'info', function() {
											$('#uname').val('');
										});
									}
								}
							});
						}
					});
				}
			}
		});
		$('#cancelAddUser').linkbutton({
			iconCls : 'icon-no',
			onClick : function() {
				$('#addOneWin').window('close');
			}
		});
		
		//配置批量导入窗口
		$('#filePath').filebox({    
		    buttonText: '选择文件', 
		    buttonAlign: 'right' ,
		    editable:'false',
		});
		$('#addMoreUser').linkbutton({    
		    iconCls: 'icon-ok',
		    onClick:function(){
		    	var file = $('#filePath').filebox('getText');
		    	if(file == ""){
		    		$.messager.alert('提示信息', '请选择确认上传文件!', 'info', function() {
		    			
					});
		    	}else{
		    		var f = "C:\\Users\\Administrator\\Desktop\\"+file;
			    	$.ajax({
			    		url:'addMoreUser',
			    		type:'post',
			    		data:{
			    			filePath:f
			    		},
			    		dataType:'text',
			    		success:function(data){
			    			var data = eval('('+data+')');
							if (data.success) {
								$.messager.alert('提示信息', data.msg, 'info', function() {
									$('#filePath').filebox('setText','');
								});
							} else {
								$.messager.alert('提示信息', data.msg, 'info', function() {
									$('#filePath').filebox('setText','');
								});
							}
			    		}
			    	});
		    	}
		    }
		});  
		$('#cancelAddMoreUser').linkbutton({    
		    iconCls: 'icon-no',
		    onClick:function(){
		    	$('#addMoreWin').window('close');
		    }
		});  
		
		//配置显示用户信息表格
		$('#dg').datagrid({    
		    url:'allUserMsg',//加载全部用户信息请求
		    title:'用户信息',
		    striped : true,
			pagination : true,
			rownumbers : true,
			height:580,
			pageSize : 18,
			pageList : [ 18,26,36],
			toolbar: [{
				iconCls: 'icon-no',
				text:'删除用户',
				handler: function(){
					var checked = $('#dg').datagrid('getChecked');
					if(checked.length==0){
						$.messager.alert('提示信息', '请选中要删除的用户', 'info', function() {
							
						});
					}else{
						var unames = new Array();
						var msg = "<br /><br />您确认要删除以下用户信息吗?<br />";
						$.each(checked,function(i,n){
							unames[i] = n.uname;
							msg += n.uname+"&emsp;&emsp;&emsp;&emsp;"+n.rname+"<hr />";
							if(i>3){
								msg += "..................."+"<hr />";
								return false;
							}
						})
						$.messager.confirm('消息提示', msg, function(r){
							if (r){
							    $.ajax({
							    	url:'deleteUserMsg',//删除选中的用户信息
							    	type:'post',
							    	data:{
							    		unames:unames
							    	},
							    	dataType:'text',
							    	success:function(data){
							    		var data = eval('('+data+')');
							    		if (data.success) {
											$.messager.alert('提示信息', data.msg, 'info', function() {
												$('#dg').datagrid('reload');
											});
										} else {
											$.messager.alert('提示信息', data.msg, 'info', function() {
												$('#dg').datagrid('reload');
											});
										}
							    	}
							    });
							}
						});
					}
				}
			},'-',{
				iconCls: 'icon-add',
				text:'打印用户',
				handler: function(){
					$('#printWin').window('open');
				}
			}],
			columns:[[
				{field:'ck',checkbox:true,align:'center'},
				{field:'uname',title:'用户名',width:'48%',align:'center',halign:'center'},    
				{field:'rname',title:'角色',width:'48%',align:'center',halign:'center'}
			]]
		});
		
		//配置打印用户窗口
		$('#printWin').window({
			width : 600,
			height : 400,
			title : '批量导入用户',
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false,
			draggable : false,
			resizable : false,
		});
		$('#printWin').window('close');
		
		//配置打印预览表格
		$('#printDg').datagrid({    
		    url:'allUserMsg',//加载全部用户信息请求
		    title:'用户信息',
		    striped : true,
			pagination : true,
			rownumbers : true,
			height:580,
			pageSize : 100,
			pageList : [ 100, 200, 300 ],
			toolbar: [{
				iconCls: 'icon-add',
				text:'打印用户',
				handler: function(){
					var checked = $('#printDg').datagrid('getChecked');
					if(checked.length==0){
						$.messager.alert('提示信息', '请选中要打印的用户', 'info', function() {
							
						});
					}else{
						var unames = new Array();
						var rnames = new Array();
						$.each(checked,function(i,n){
							unames[i] = n.uname;
							rnames[i] = n.rname;
						});
						var msg = "您确认要打印用户信息吗?<br />";
						$.messager.prompt('消息提示', msg+"打印后将保存在桌面上<br><br>请输入打印文件名!(如果不输入则系统自动默认))", function(r){
							if (!r){
								var date = new Date();
								r = "";
								r += date.getFullYear();
								r += date.getMonth()+1;
								r += date.getDate();
								r += date.getHours();
								r += date.getMinutes();
								r += date.getMilliseconds();
							}
							$.ajax({
						    	url:'printUserMsg',//打印选中的用户信息
						    	type:'post',
						    	data:{
						    		unames:unames,
						    		rnames:rnames,
						    		file:r
						    	},
						    	dataType:'text',
						    	success:function(data){
						    		var data = eval('('+data+')');
						    		if (data.success) {
										$.messager.alert('提示信息', data.msg, 'info', function() {
											$('#dg').datagrid('reload');
										});
									} else {
										$.messager.alert('提示信息', data.msg, 'info', function() {
											$('#dg').datagrid('reload');
										});
									}
						    		$('#printWin').window('close');
						    	}
						    });
						});
					}
				}
			},'-',{
				iconCls: 'icon-no',
				text:'取消打印',
				handler: function(){
					$('#printWin').window('close');
				}
			}],
			columns:[[
				{field:'ck',checkbox:true,align:'center'},
				{field:'uname',title:'Code',width:'48%',align:'center',halign:'center'},    
				{field:'rname',title:'Name',width:'48%',align:'center',halign:'center'}
			]]
		});
	})
</script>

<body>
		<div>
			<label>请选项添加用户方式:</label>
				<select id="cc" class="easyui-combobox" data-options="editable:false" style="width: 200px;">
					<option value="one">添加单个用户</option>
					<option value="more">批量导入用户</option>
				</select>
			<a id="btn" href="#">添加</a>
			<table id="dg">
				
			</table>
		</div>
		<div id="printWin"><!-- 打印用户窗口 -->
			<table id="printDg"></table><!-- 打印预览表格 -->
		</div>
		<div id="addOneWin" style="background-image:url('image/LoginImage.png');background-size: 100%;">
			<div align="center">
				<label>用户名:</label>
				<input id="uname" type="text" style="width: 300px">
				<br />
				<label>请选择用户角色:</label>
				<select id="role" class="easyui-combobox" data-options="editable:false" style="width: 200px;">
					<option value="3">普通用户</option>
					<option value="2">知识管理员</option>
				</select>
				<br />
				<a id="addUser" href="#">确认添加</a>
				<a id="cancelAddUser" href="#">取消添加</a>
			</div>
		</div>
		<div id="addMoreWin" style="background-image:url('image/LoginImage.png');background-size: 100%;">
			<input id="filePath" type="text" style="width:300px">
			<a id="addMoreUser" href="#">确认上传</a>
			<a id="cancelAddMoreUser" href="#">取消上传</a>
		</div>
</body>
</html>